@using Lombiq.UIKit.Widgets.Settings

<style asp-name="codemirror"></style>
<script asp-name="codemirror"></script>
<script asp-name="codemirror-mode-javascript"></script>

@model CarouselWidgetPartSettingsViewModel

<div>
    <div class="form-group">
        <label asp-for="OptionsJsonSerialized">@T["JSON options"]</label>
        <textarea class="form-control" id="optionsEditor" asp-for="OptionsJsonSerialized"></textarea>
        <div class="hint">
            @T[string.Format("Slick configuration. Check <a href=\"{0}\" target=\"_blank\">{0}</a> for more details.", "https://kenwheeler.github.io/slick/#settings")]
        </div>
    </div>
</div>

<script>
        var codeMirrorJsonEditor = CodeMirror.fromTextArea(
        document.getElementById("optionsEditor"),
            {
                lineNumbers:true,
                mode:"javascript",
            }
        );
</script>
